<!-- 继承公共视图文件 -->
<extend name="./Application/Admin/View/layout.html" />
 <!-- 可变内容区域 -->
 <block name="mid">

	<div class="row">
		<div class="col-lg-12">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h2><i class="fa fa-table red"></i><span class="break"></span><strong>角色列表</strong></h2>
					<div class="panel-actions">
						<a href="{:U('Admin/group/add')}"  style="padding-right:12px;"><i class="fa fa-plus"></i>添加角色</a>
						<a href="table.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
						<a href="table.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
						<a href="table.html#" class="btn-close"><i class="fa fa-times"></i></a>
					</div>

				</div>
				<div class="panel-body">
					<table class="table table-striped table-bordered bootstrap-datatable datatable">
					  <thead>
						  <tr>
							  <th width="50">ID</th>
							  <th>角色名称</th>
                              <th>状态</th>
                              <th>权限</th>

							  <th>操作</th>
						  </tr>
					  </thead>
					  <tbody>
					    <foreach name="rule" item="v" >
							<tr>
								<td>{$v.id}</td>
								<td>{$v.title}</td>

	                            <td>{$v['status']==1?'启用':'禁用'}</td>
	                            <td>{$v.rules}</td>
								<td>
									<a class="btn btn-success" href="table.html#">
										<i class="fa fa-search-plus "></i>
									</a>
									<a class="btn btn-info" href="table.html#">
										<i class="fa fa-edit "></i>
									</a>
									<a class="btn btn-danger" href="table.html#">
										<i class="fa fa-trash-o "></i>

									</a>
								</td>
							</tr>
                        </foreach>
					  </tbody>
				  </table>
                    <!-- 分页 -->
                    <ul class="pagination">
						<!-- <li><a href="table.html#">Prev</a></li>
						<li class="active">
						  <a href="table.html#">1</a>
						</li>
						<li><a href="table.html#">2</a></li>
						<li><a href="table.html#">3</a></li>
						<li><a href="table.html#">4</a></li>
						<li><a href="table.html#">5</a></li>
						<li><a href="table.html#">Next</a></li> -->
						{$page}
					</ul>
				</div>
			</div>
		</div><!--/col-->

	</div>


</block>